<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>附近</title>
</head>

<body>
    <main>
        <ul class="nearby-content">
            <li>
                <div class="content-top">
                    <div>
                        <img src="../img/default.png" alt="">
                        <div>
                            <h4>用户名</h4>
                            <p>xx省，xx市</p>
                        </div>
                    </div>
                    <button>+关注</button>
                </div>
                <p class="description">
                    有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
                </p>
                <div class="content-picture">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                </div>
                <ul class="content-bottom">
                    <li><span>4</span>小时之前</li>
                    <li>
                        <p><em class="iconfont icon-dianzan"></em>&nbsp;<span>9999</span></p>&emsp;
                        <p><em class="iconfont icon-liuyan"></em>&nbsp;<span>9999</span></p>
                    </li>

                </ul>

            </li>
            <li>
                <div class="content-top">
                    <div>
                        <img src="../img/default.png" alt="">
                        <div>
                            <h4>用户名</h4>
                            <p>xx省，xx市</p>
                        </div>
                    </div>
                    <button class="on">已关注</button>
                </div>
                <p class="description">
                    有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
                </p>
                <div class="content-picture">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                    <img src="../img/default.png" alt="">
                </div>
                <ul class="content-bottom">
                    <li><span>4</span>小时之前</li>
                    <li>
                        <p><em class="iconfont icon-dianzan"></em>&nbsp;<span>9999</span></p>&emsp;
                        <p><em class="iconfont icon-liuyan"></em>&nbsp;<span>9999</span></p>
                    </li>

                </ul>

            </li>
        </ul>
    </main>

</body>

</html>